<!DOCTYPE html>
<html>
<head>
	<title>注册</title>
	<meta charset="utf-8"> 
	<script src="./bootstrap/js/jquery-3.2.1.min.js"></script> 
    <link rel="stylesheet" href="./bootstrap/css/bootstrap.min.css"> 
    <script src="./bootstrap/js/bootstrap.min.js"></script>
    <script src="./js/register.js"></script>
    <style type="text/css"> 
			#conter {
				height:600px;
				text-align:center;
				} 
			#head{
				padding-top: 100px;
				font-size: 40px;
			}
			form{
				width: 700px;
				margin: auto;
				margin-top: 80px; 
			}
			#sure{
				margin-left: 20px;
				margin-right: 200px;
			}
	</style>
</head>
<body>
	<div id="conter" style="background:url('image/body1.jpg')">
	<h1 id="head" style="color: black">按要求填写下列信息</h1>
	<form class="form-horizontal" action="/register" method="post">
		  <div class="form-group">
		    <label  class="col-sm-2 control-label">用户账号</label>
		    <div class="col-sm-7">
		      <input type="text" class="form-control" id="username" placeholder="请输入用户名" name="username" onblur="check()">
		    </div>
		    <div class="col-sm-3">
					<label id="name_tip" class="control-label" ></label>
			</div>
		  </div>
		  <div class="form-group">
		    <label  class="col-sm-2 control-label">用户密码</label>
		    <div class="col-sm-7">
		      <input type="password" class="form-control" id="password" placeholder="请输入密码" name="password" onblur="checkPass1()">
		    </div>
		    <div class="col-sm-3">
					<label id="pass_tip1" class="control-label"></label>
			</div>
		  </div>
		  <div class="form-group">
		    <label  class="col-sm-2 control-label" >确认密码</label>
		    <div class="col-sm-7">
		      <input type="password" class="form-control" id="password2" placeholder="再次输入密码" onblur="checkPass2()">
		    </div>
		    <div class="col-sm-3">
					<label id="pass_tip2" class="control-label" style="color: red;"></label>
			</div>
		  </div>
		<div class="form-group">
		    <label  class="col-sm-2 control-label">性别</label>
			  <label class="radio-inline">
				  <input type="radio" name="sex" id="man" value="男"> 男
			  </label>
			  <label class="radio-inline">
				  <input type="radio" name="sex" id="woman" value="女"> 女
			  </label>
		</div>
		<div class="form-group">
		    <label class="col-sm-2 control-label">联系电话</label>
		    <div class="col-sm-7">
		      <input type="text" class="form-control" id="tel" placeholder="请输入电话" name="tel" onblur="checkTel()">
		    </div>
		    <div class="col-sm-3">
					<label id="tel_tip" class="control-label" style="color: red;"></label>
			</div>
		  </div>
		  <div class="form-group">
		    <label  class="col-sm-2 control-label">用户地址</label>
		    <div class="col-sm-7">
		      <input type="text" class="form-control" id="address" placeholder="请输入地址" name="address">
		    </div>
		  </div>
		  <div class="form-group">
		    <div class="col-sm-offset-2 col-sm-10">
		      <button type="reset" class="btn btn-default">重置</button>
		      <button type="submit" class="btn btn-default" onclick="return checkAll()" id="sure">确定</button>
		    </div>
		  </div>
	</form>
	</div>
</body>
</html>
